|
文章は行間隔によって大きく読みやすさが変化します。一般的に読みやすいといわれている行間隔は、文字サイズの1.5倍です。ところが、多くのブラウザでは小さめの行間隔がデフォルトとして設定されているようです。CSSを上手に利用して、読みやすい文章表示を心がけるようにましょう。文章を長くするためにもう一度繰り返します。文章は行間隔によって大きく読みやすさが変化します。一般的に読みやすいといわれている行間隔は、文字サイズの1.5倍です。ところが、多くのブラウザでは小さめの行間隔がデフォルトとして設定されているようです。CSSを上手に利用して、読みやすい文章表示を心がけるようにましょう。
|
|
<INPUT type="button" value="行間を200%に" onClick="window['t1'].style.lineHeight='200%'"> <INPUT type="button" value="行間を150%に" onClick="window['t1'].style.lineHeight='150%'"> <INPUT type="button" value="行間を100%に" onClick="window['t1'].style.lineHeight='100%'"> <DIV id="t1"> 文章は行間隔によって大きく読みやすさが変化します。一般的に読みやすいといわれている行間隔は、文字サイズの1.5倍です。ところが、多くのブラウザでは小さめの行間隔がデフォルトとして設定されているようです。CSSを上手に利用して、読みやすい文章表示を心がけるようにましょう。文章を長くするためにもう一度繰り返します。文章は行間隔によって大きく読みやすさが変化します。一般的に読みやすいといわれている行間隔は、文字サイズの1.5倍です。ところが、多くのブラウザでは小さめの行間隔がデフォルトとして設定されているようです。CSSを上手に利用して、読みやすい文章表示を心がけるようにましょう。 </DIV> |
| ※このテクニックは、Internet Explorer 4以降でのみ有効です。Netscape Navigatorでは正しく機能しないことをご了承ください。 |